<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/echarts.min.js"></script>
		<script src="js/index.js"></script>
		<title>test</title>
		<style>
			
		</style>
	</head>
	<body>
		<div class="head">
			<div class="logo">
			   <div class="l-o-g-o">LOGO</div>	
			</div>
			<div class="set">
				<span class="iconfont icon-shezhi shezhi"></span>
			</div>
			<div class="bell">
				<span class="iconfont icon-tixing tixing"></span>
			</div>
			<div class="logout">
			   <div class="log-out">Log Out</div>
			</div>
		</div>
		<div class="container">
			<div class="nav">
				<div class="nav-left">
					<div class="Audience-Overview">Audience Overview</div>
					<div class="roseville-ca">Roseville, CA</div>
				</div>
				<ul class="nav-right">
					<li>DASHBOARD </li>
					<li>PROJECTS </li>
					<li>CALENDAR</li>
					<li>MAILBOX</li>
					<li>SETTINGS</li>
				</ul>
			</div>
			<div class="top">
				<div id="carousel">
					<ul id="ul1">
					<li><img src="img/1.jpg"/></li>
					<li><img src="img/2.jpg"/></li>
					<li><img src="img/3.jpg"/></li>
					<li><img src="img/4.jpg"/></li>
					<li><img src="img/5.jpg"/></li>
					<li><img src="img/1.jpg"/></li>
				   </ul>
					<span id="left">&lt;</span>
					<span id="right">&gt;</span>
					<ul id="ul2">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="support-requests">
					<div class="support-requests-top">
						<div class="Support_Requests">Support Requests</div>
						<div class="View_All">View All</div>
					</div>
					<div class="support-requests-bottom">
						<div class="title">
							<span style="margin-left: 56px">TIME</span>
							<span style="margin-left: 72px">USER NAME</span>
							<span style="margin-left: 182px">STATUS</span>
						</div>
						<div class="content">
							<span style="margin-left: 56px;margin-top: 36px;">9:45pm</span>
							<span style="margin-left: 54px;margin-top: 36px;">info@design.com</span>
							<div class="green">Solved</div>
						</div>
						<div class="content">
							<span style="margin-left: 56px;margin-top: 36px;">9:45pm</span>
							<span style="margin-left: 54px;margin-top: 36px;">info@design.com</span>
							<div class="green">Solved</div>
						</div>
					</div>
				</div>
			</div>
			<div class="center">
				<div class="Graph">
					<div class="Graph-text">曲线图数据展示</div>
					<div id="Graph-show"></div>
				</div>
			</div>
			<div class="bottom">
				<div class="Pie-chart">
					<div class="Piechart-text">饼状图数据展示</div>
					<div id="Piechart-show"></div>
				</div>
				<div class="Histogram">
					<div class="Histogram-text">柱状图数据展示</div>
					<div id="Histogram-show"></div>
				</div>
			</div>
		</div>
		<div class="footer">
		   <div class="footer_logi">LOGO</div>
		   <ul class="description">			  
						<li><a href="#">NEWS</a></li>
						<li><a href="#">CHANNELS</a></li>
						<li><a href="#">OVERVIEW</a></li>
						<li><a href="#">TIMELINE</a></li>
					
	  	    </ul>
	  		<ul class="description">		
	  					<li><a href="#">SPORT</a></li>
	  					<li><a href="#">CULTURE</a></li>
	  					<li><a href="#">NATURE</a></li>
	  					<li><a href="#">MUSIC</a></li>
	  		</ul>
	  		<ul class="description">	
	  					<li><a href="#">WEATHER</a></li>
	  					<li><a href="#">AUTOS</a></li>
	  					<li><a href="#">LOCAL</a></li>
	  					<li><a href="#">SHOP</a></li>
	  		</ul>
	  		<ul class="description">	
	  					<li><a href="#">FUTURE</a></li>
	  					<li><a href="#">FOOD</a></li>
	  					<li><a href="#">EARTH</a></li>
	  					<li><a href="#">TV</a></li>
	  		</ul>	 
	  		<ul class="description">	
	  					<li><a href="#">TRAVEL</a></li>
	  					<li><a href="#">RADIO</a></li>
	  					
	  	   </ul>
		</div>
		
		<!--<script>
	 
		</script>-->
	</body>
</html>
